@charset "UTF-8";



*,

*::before,

*::after {

  box-sizing: border-box;

  cursor: inherit;

}



html {

  font-size: 16px;

  -moz-text-size-adjust: none;

  -webkit-text-size-adjust: none;

  text-size-adjust: none;

}

body {

	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";

	padding: 0;

	margin: 0;

}

h1 {

  font-size: 1em;

  margin: 0;

}



.img-fluid {

  max-width: 100%;

  height: auto;

  display: block;

}



.intro-header {

  background: #e3e3e3;

}



.header-wrapper {

  color: #1e56a1;

  display: flex;

  flex-flow: row nowrap;

  justify-content: center;

  align-items: center;

  gap: 32px;

  padding-right: 26px;

}

.header-wrapper .app-title {

  font-size: 38px;

  flex-grow: 1;

}

.header-wrapper .app-logo, .header-wrapper .app-download {

  flex-shrink: 0;

}



.appstore-links {

  text-align: center;

  list-style: none;

  padding: 0;

  margin: 0;

}

.appstore-links li {

  line-height: 1;

  margin: 6px;

}

.appstore-links img {

  width: 130px;

  border-radius: 4px;

}



@media (max-width: 48em) {

  .intro-header {

    background: #1e56a1;

  }

  .header-wrapper {

    color: white;

    flex-flow: column nowrap;

    gap: 0;

    padding-right: 0;

  }

  .header-wrapper .app-title {

    text-align: center;

    font-size: 38px;

    padding: 0 16px;

  }

  .app-download {

    margin: 16px 0;

    padding: 0 16px;

  }

  .appstore-links li {

    display: inline-block;

  }

}





a:hover {

	opacity: .7;

}



.collapsible {

	cursor: pointer;

}



.userguide {

  cursor: pointer;

  background-color: #1e56a1;

  color: white;

  padding: 18px;

  width: 100%;

  border: none;

  text-align: left;

  outline: none;

  font-size: 16px;

  margin: 5px 0;

}



.collapsible, .individual {

  background-color: #1e56a1;

  color: white;

  padding: 18px;

  width: 100%;

  border: none;

  text-align: left;

  outline: none;

  font-size: 16px;

  margin: 5px 0;

}



.collapsible.app {

  background-color: #30424e;

}



.collapsible.app:hover {

  background-color: #1D2931;

}



.active, .collapsible:hover {

  background-color: #3974c3;

}



.individual_content {

  padding: 0 18px;

  margin: 20px 0;

}



.content {

  padding: 0 18px;

  margin: -5px 0 20px 0;

  overflow: hidden;

  background-color: #f1f1f1;

  display: none;

}



.collapsible:after {

    color: white;

    content: url("../images/02795.svg");

    width: 22px;

    height: 22px;

    /*content: '\2795';  Unicode character for "plus" sign (+) 

  font-size: 13px;*/

    float: right;

    margin-left: 5px;

}



.active:after {

	content: url("../images/02796.svg");

  /*content: "\2796";  Unicode character for "minus" sign (-) */

}



.wrapper {

    width: 80%;

    margin: 0 auto;

    padding-bottom: 20px;

    overflow: auto;

}



.content li {

	padding: 10px 0;

}



.content li img, .individual_content img {

    margin: 20px 0;

    width: 98%;

	-webkit-box-shadow: 0 0px 10px #CCCCCC;

	-moz-box-shadow: 0 0px 10px #CCCCCC;

	box-shadow: 0 0px 10px #CCCCCC;

	filter:drop-shadow(0 0 10px #CCCCCC); 

}



.individual_content img {

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

}



footer {

	font-size: 12px;

	color: #666666;

	text-align: center;

	padding: 0 0 20px 0;

}